<template>
	<view class="control-box"
	:class="isFull==true?'Full-yes':'Full-no'"
	:style="[{'width':Width},{'height':Height}]">
		<view class="Top-box">
			<!-- 退出全屏(只在全屏下显示) -->
			<view class="Top-box__left">
				<!-- v-if="isFull==true" -->
				<!-- [已改为“全屏是退出事件”,“非全屏是返回事件-回调回去”] -->
				<view class="Top-box__left__item btn-item"
				@click="ad_extFull()">
					<!-- text.VideoIconfontA -->
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontA"
					:iconClassName="iconsA.Back.className"
					:unicode="iconsA.Back.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
			</view>
			<view class="Top-box__right">
				<view class="Top-box__right__item ad-tis-show-box">
					<view class="adtishi-box"
					@click="close_advideo(isUserVIP)">
						<!-- 广告总时间倒计时 -->
						<view class="adtishi-box__left">
							<text class="app-text adtishi-box__left__text text-time"
							>{{ZeroCount}}</text>
						</view>
						<view class="adtishi-box__fenge"></view>
						<view class="adtishi-box__right">
							<text class="app-text adtishi-box__right__text text-back-vip"
							>VIP可关闭广告</text>
						</view>
					</view>
				</view>
				<!-- 更多 -->
				<view class="Top-box__right__item btn-item"
				v-if="isFull==false"
				@click="tap_gengduo()">
					<!-- text.VideoIconfontA -->
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontA"
					:iconClassName="iconsA.fullscreen_more.className"
					:unicode="iconsA.fullscreen_more.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
			</view>
		</view>
		<view class="conter-box">
			<!-- 暂停时显示 -->
			<view v-if="isPlay==false"
			@click="ad_play()"
			class="conter-box__play-btn">
				<image class="conter-box__play-btn__img"
				style="width: 60rpx;"
				:src="ButtonIcons.Images.play.url"
				mode="widthFix"
				></image>
			</view>
		</view>
		<view class="Bottom-box">
			<!-- 播放/暂停 -->
			<view class="Bottom-box__left">
				<!-- 播放 -->
				<view v-if="isPlay==false"
				class="Bottom-box__left__item btn-item"
				@click="ad_play()"
				>
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontB"
					:iconClassName="iconsB.bofang_36.className"
					:unicode="iconsB.bofang_36.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
				<!-- 暂停 -->
				<view v-if="isPlay==true"
				class="Bottom-box__left__item btn-item"
				@click="ad_pause()"
				>
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontB"
					:iconClassName="iconsB.zanting_36.className"
					:unicode="iconsB.zanting_36.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
			</view>
			<view class="Bottom-box__right">
				<!-- 了解详情-webview-ad -->
				<view class="Bottom-box__right__item down-item"
				@click="open_adpage()">
					<text class="app-text Bottom-box__right__item__text app-ttf-M text-down"
					>了解详情</text>
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="Video-IconfontB"
					:iconClassName="iconsB.reason_arrow03.className"
					:unicode="iconsB.reason_arrow03.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
				<!-- 音量大 -->
				<view v-if="adMuted==false"
				class="Bottom-box__right__item btn-item"
				@click="TapVolume(true)"
				>
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontA"
					:iconClassName="iconsA.fullscreen_voice_ope.className"
					:unicode="iconsA.fullscreen_voice_ope.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
				<!-- 静音 -->
				<view v-if="adMuted==true"
				class="Bottom-box__right__item btn-item"
				@click="TapVolume(false)">
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontA"
					:iconClassName="iconsA.fullscreen_voice_clo.className"
					:unicode="iconsA.fullscreen_voice_clo.unicode"
					FontSize="44rpx"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
				<!-- 进入全屏 -->
				<view class="Bottom-box__right__item btn-item"
				@click="ad_goFull()">
					<FatFatMeng-icon
					class="icon-box"
					iconClassType="VideoIconfontA"
					:iconClassName="iconsA.splitscreen_GoToFull.className"
					:unicode="iconsA.splitscreen_GoToFull.unicode"
					FontSize="44rpx"
					FontWeight="700"
					Color="#fff"
					></FatFatMeng-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import mixin from './mixin.js'
	import props from './props.js'
	export default {
		mixins:[mixin,props],
		name:"advideo-control",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	@import './advideo-control.scss'
</style>
